<html>
<head>
<title>欢迎来到美多商城</title>
<link rel="stylesheet" type="text/css" href="{{ static('css/my.css') }}"></link>
</head>
<body>
    <div id="app">
        <p>请注册</p>
        <!-- 表单提交时会触发 click 事件 -->
        <form action={{ url('users:register') }} method="POST" @click="on_submit" v-cloak>
            {{ csrf_input }}
            <ul>
                <li>用户名: <input type="text" v-model="username" @blur="check_username" name="username"><span v-show="error_username">[[ error_username_msg ]]</span></li>
                <li>密码: <input type="password" v-model="password" @blur="check_password" name="password"><span v-show="error_password">请输入 8-20 个字符</span></li>
                <li>确认密码: <input type="password" v-model="repassword" @blur="check_repassword" name="repassword"><span v-show="error_repassword">两次密码不一致</span></li>
                <li>手机号: <input type="text" v-model="mobile" @blur="check_mobile" name="mobile"><span v-show="error_mobile">[[ error_mobile_msg ]]</span></li>
                <li>图形验证码: <input type="text" name="imageverifycode"></li>
                <li>短信验证码: <input type="text" name="msgverifycode"></li>
                <li><input type="checkbox" v-model="allow" @change="check_allow" name="allow" id="allow"><label>同意美多商城用户协议</label><span v-show="error_allow">请勾选用户协议</span></li>
            </ul>
            <input type="submit" value="提交">
        </form>
    </div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="{{ static('js/register.js') }}"></script>
</html>